<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天天洗鞋-后台管理首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="./css/backstage.css">
</head>
<body>
    <div class="g-wrap">
        <h3>天天洗鞋后台管理系统</h3>
        <div class="m-filter">
            <form action="#" method="POST">
                <div class="m-filter-item">
                    <label>快捷查看订单：</label>
                    <label class="f-label"><input type="radio" name="order">全部订单</label>
                    <label class="f-label"><input type="radio" name="order">进行中订单</label>
                    <label class="f-label"><input type="radio" name="order">已完成订单</label>
                    <label class="f-label"><input type="radio" name="order">已取消订单</label>
                </div>
                <div class="m-filter-item">
                    <label>查询条件：</label>
                    
                        <label class="f-label">订单编号</label><input class="form-control" type="text" name="orderNub">
                        <label class="f-label">时间区间</label><input class="form-control" type="text" name="startTime"><label class="f-label">至</label><input class="form-control" type="text" name="endTime">
                        <label class="f-label">订单用户</label><input class="form-control" type="text" name="userName">
                        <button type="submit" class="btn btn-default">搜索查询</button>
                </div>
            </form>
        </div>
        <div class="m-table">
            <div class="row m-table-head">
                <div class="col-md-2">订单编号</div>
                <div class="col-md-1">订单时间</div>
                <div class="col-md-2">订单用户</div>
                <div class="col-md-1">订单费用</div>
                <div class="col-md-1">当前状态</div>
                <div class="col-md-1">其他</div>
                <div class="col-md-4">操作</div>
            </div>
            <div class=" m-table-body">
                <div class="row">
                    <div class="col-md-2">11001122145</div>
                    <div class="col-md-1">2015-02-04</div>
                    <div class="col-md-2">王二妮</div>
                    <div class="col-md-1">320</div>
                    <div class="col-md-1"><span class="pay">已支付</span></div>
                    <div class="col-md-1">
                        <a  data-toggle="collapse" href="#collapse-1" aria-expanded="false" aria-controls="collapse-1" class="btn btn-default"  role="button">查看详情</a>
                    </div>
                    <div class="col-md-4">
                        <a class="btn btn-info cannel"  data-toggle="modal" data-target="#cannelOrder">取消订单</a>
                        <a class="btn btn-danger delete" data-toggle="modal" data-target="#deleteOrder">删除订单</a>
                        <a aria-controls="collapse-1" class="btn btn-warning modify">修改订单</a>
                        <a class="btn btn-primary refund" data-toggle="modal" data-target="#refund">退款</a>
                    </div>
                </div>
                <div class="collapse" id="collapse-1">
                    
                    <div class="well">
                        <a class="btn btn-default u-close" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false" aria-controls="collapse-3">
                            X
                        </a>
                        <form action="#" method="POST">
                            <div class="form-item">
                                <h2>订单信息</h2>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label>订单编号：<input type="text" disabled class="form-control  disabled" value="123123123" name="uuid"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>订单时间：<input type="text" disabled class="form-control disabled" value="2015.07.14" name="time"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>服务费用：<input type="text" disabled class="form-control editable disabled" value="320" name="money"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>当前状态：<input type="text" disabled class="form-control editable pay disabled" value="已支付" name="status"></label>
                                    </div>
                                </div>
                                
                            </div>

                            <div class="form-item">
                                <h2>客户信息</h2>
                                <div class='row'>
                                    <div class="col-md-3">
                                        <label>客户姓名：<input type="text" disabled value="123123123" class=" form-control editable disabled" name="userName"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>联系电话：<input type="text" disabled value="1539885545" class="form-control editable disabled" name="phoneNum"></label>
                                    </div>
                                </div>
                                <div class="row">
                                    <label>取/送货服务地址：<input type="text" disabled class="form-control editable address disabled" value="杭州市滨江区浦沿路几家1-2-402" name="address"></label>
                                </div>
                            </div>
                            <div class="form-item">
                                <h2>服务信息</h2>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label>服务类型：<input type="text"  class="form-control type disabled" disabled value="清洗护理" name="serviceType"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>服务鞋类：<input type="text"  class="form-control type disabled" disabled value="运动鞋/板鞋" name="shoneType"></label>
                                    </div>
                                    <div class="col-md-2">
                                        <label>服务数量：<input type="text"  class="form-control s-num type disabled" disabled  value="11" name="num">双</label>
                                    </div>
                                    <div class="col-md-4">
                                        <label>当前服务节点：<input type="text"  class="form-control node disabled" disabled  value="入仓清洗" name="node"></label>
                                    </div>
                                    
                                </div>
                                
                            </div>
                            <div class="form-item bottons">
                                <input type="button" class="btn btn-primary cancelModify" value="取消">
                                <input type="submit" class="btn btn-primary saveModify" value="保存">
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2">11001122145</div>
                    <div class="col-md-1">2015-02-04</div>
                    <div class="col-md-2">王二妮</div>
                    <div class="col-md-1">320</div>
                    <div class="col-md-1"><span class="notpay">未支付</span></div>
                    <div class="col-md-1">
                        <a  data-toggle="collapse" href="#collapse-2" aria-expanded="false" aria-controls="collapse-2" class="btn btn-default"  role="button">查看详情</a>
                    </div>
                    <div class="col-md-4">
                        <a class="btn btn-info cannel"  data-toggle="modal" data-target="#cannelOrder">取消订单</a>
                        <a class="btn btn-danger delete" data-toggle="modal" data-target="#deleteOrder">删除订单</a>
                        <a aria-controls="collapse-2" class="btn btn-warning modify">修改订单</a>
                        <a class="btn btn-primary refund" data-toggle="modal" data-target="#refund">退款</a>
                    </div>
                </div>
                <div class="collapse" id="collapse-2">
                    
                    <div class="well">
                        <a class="btn btn-default u-close" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false" aria-controls="collapse-3">
                            X
                        </a>
                        <form action="#" method="POST">
                            <div class="form-item">
                                <h2>订单信息</h2>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label>订单编号：<input type="text" disabled class="form-control disabled" value="123123123" name="uuid"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>订单时间：<input type="text" disabled class="form-control disabled" value="2015.07.14" name="time"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>服务费用：<input type="text" disabled class="form-control editable disabled" value="320" name="money"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>当前状态：<input type="text" disabled class="form-control editable notpay disabled" value="未支付" name="status"></label>
                                    </div>
                                </div>
                                
                            </div>

                            <div class="form-item">
                                <h2>客户信息</h2>
                                <div class='row'>
                                    <div class="col-md-3">
                                        <label>客户姓名：<input type="text" disabled value="123123123" class=" form-control editable disabled" name="userName"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>联系电话：<input type="text" disabled value="1539885545" class="form-control editable disabled" name="phoneNum"></label>
                                    </div>
                                </div>
                                <div class="row">
                                    <label>取/送货服务地址：<input type="text" disabled class="form-control editable address disabled" value="杭州市滨江区浦沿路几家1-2-402" name="address"></label>
                                </div>
                            </div>
                            <div class="form-item">
                                <h2>服务信息</h2>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label>服务类型：<input type="text"  class="form-control type disabled" disabled value="清洗护理" name="serviceType"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>服务鞋类：<input type="text"  class="form-control type disabled" disabled value="运动鞋/板鞋" name="shoneType"></label>
                                    </div>
                                    <div class="col-md-2">
                                        <label>服务数量：<input type="text"  class="form-control s-num type disabled" disabled  value="11" name="num">双</label>
                                    </div>
                                    <div class="col-md-4">
                                        <label>当前服务节点：<input type="text"  class="form-control node disabled" disabled  value="入仓清洗" name="node"></label>
                                    </div>
                                    
                                </div>
                                
                            </div>
                            <div class="form-item bottons">
                                <input type="button" class="btn btn-primary cancelModify" value="取消">
                                <input type="submit" class="btn btn-primary saveModify" value="保存">
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2">11001122145</div>
                    <div class="col-md-1">2015-02-04</div>
                    <div class="col-md-2">王二妮</div>
                    <div class="col-md-1">320</div>
                    <div class="col-md-1"><span class="hascancel">已取消</span></div>
                    <div class="col-md-1">
                        <a  data-toggle="collapse" href="#collapse-3" aria-expanded="false" aria-controls="collapse-3" class="btn btn-default"  role="button">查看详情</a>
                    </div>
                    <div class="col-md-4">
                        <a class="btn btn-info cannel"  data-toggle="modal" data-target="#cannelOrder">取消订单</a>
                        <a class="btn btn-danger delete" data-toggle="modal" data-target="#deleteOrder">删除订单</a>
                        <a aria-controls="collapse-3" class="btn btn-warning modify">修改订单</a>
                        <a class="btn btn-primary refund" data-toggle="modal" data-target="#refund">退款</a>
                    </div>
                </div>
                <div class="collapse" id="collapse-3">
                    
                    <div class="well">
                        <a class="btn btn-default u-close" data-toggle="collapse" data-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">
                            X
                        </a>
                        <form action="#" method="POST">
                            <div class="form-item">
                                <h2>订单信息</h2>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label>订单编号：<input type="text" disabled class="form-control disabled" value="123123123" name="uuid"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>订单时间：<input type="text" disabled class="form-control disabled" value="2015.07.14" name="time"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>服务费用：<input type="text" disabled class="form-control editable disabled" value="320" name="money"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>当前状态：<input type="text" disabled class="form-control editable hascancel disabled" value="已取消" name="status"></label>
                                    </div>
                                </div>
                                
                            </div>

                            <div class="form-item">
                                <h2>客户信息</h2>
                                <div class='row'>
                                    <div class="col-md-3">
                                        <label>客户姓名：<input type="text" disabled value="123123123" class=" form-control editable disabled" name="userName"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>联系电话：<input type="text" disabled value="1539885545" class="form-control editable disabled" name="phoneNum"></label>
                                    </div>
                                </div>
                                <div class="row">
                                    <label>取/送货服务地址：<input type="text" disabled class="form-control editable address disabled" value="杭州市滨江区浦沿路几家1-2-402" name="address"></label>
                                </div>
                            </div>
                            <div class="form-item">
                                <h2>服务信息</h2>
                                <div class="row">
                                    <div class="col-md-3">
                                        <label>服务类型：<input type="text"  class="form-control type disabled" disabled value="清洗护理" name="serviceType"></label>
                                    </div>
                                    <div class="col-md-3">
                                        <label>服务鞋类：<input type="text"  class="form-control type disabled" disabled value="运动鞋/板鞋" name="shoneType"></label>
                                    </div>
                                    <div class="col-md-2">
                                        <label>服务数量：<input type="text"  class="form-control s-num type disabled" disabled  value="11" name="num">双</label>
                                    </div>
                                    <div class="col-md-4">
                                        <label>当前服务节点：<input type="text"  class="form-control node disabled" disabled  value="入仓清洗" name="node"></label>
                                    </div>
                                    
                                </div>
                                
                            </div>
                            <div class="form-item bottons">
                                <input type="button" class="btn btn-primary cancelModify" value="取消">
                                <input type="submit" class="btn btn-primary saveModify" value="保存">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="m-table-paginator">
            <ul class="pagination">
                <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
             </ul>

             <span class="page-info">当前<em>1</em>页/共<em>100</em>页</span>
        </div>


        <div class="modal fade" id="refund" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">退款确认</h4>
              </div>
              <div class="modal-body">
                <form>
                  <div class="form-group">
                    <label for="recipient-name" class="control-label">退款人支付宝账号:</label>
                    <input type="text" class="form-control">
                  </div>
                  <div class="form-group">
                    <label for="message-text" class="control-label">请输入退款金额:</label>
                    <input type="text" class="form-control">
                  </div>
                   <div class="form-group">
                    <label for="message-text" class="control-label">请选择退款原因:</label>
                    <select class="form-control">
                      <option>优惠折扣退补</option>
                      <option>优惠折扣退补</option>
                      <option>优惠折扣退补</option>
                      <option>优惠折扣退补</option>
                      <option>优惠折扣退补</option>
                    </select>
                  </div>
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确认</button>
              </div>
            </div>
          </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="cannelOrder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">确定要取消该订单么？</h4>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确定</button>
              </div>
            </div>
          </div>
        </div>

         <!-- Modal -->
        <div class="modal fade" id="deleteOrder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">确定要删除该订单么？</h4>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确定</button>
              </div>
            </div>
          </div>
        </div>
    </div>
    
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-1.9.1.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/backstage_orderManage.js"></script>
</body>
</html>